<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="sessionCheck.jsp" %>
<%@ page import="java.util.Calendar" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>출결관리시스템</title>
<link type="text/css" rel="stylesheet" href="./dev/css/list.css">
<link type="text/css" rel="stylesheet" href="./dev/css/regiBox.css">
</head>
<body>
	<div id="bodyWrapper">
		<div id="header">
			<div id="logo"><img src="./dev/images/logo.png"></div>
			<ul id="navi">
				<li><a href="#">Essay</a></li>
				<li><a href="#">Book</a></li>
				<li><a href="#" id="regiBtn">Registration</a></li>
				<li><a href="#">Logout</a></li>
			</ul>
		</div>
		<div id="content">
		
			<div id="date"><a> <</a>27<a>> </a></div>
			<div id="searchBox"><input type="text" name="keyword" id="keyword" placeholder="|search..."> </div>
			<div id="tableWrapper">
				<table>
					<tr>
						<th>name</th>
						<th>school</th>
						<th>telephone</th>
						<th>attendance</th>
						<th>time</th>
						<th>detail</th>
					</tr>
					<tr>
						<td>김용환</td>
						<td>능인고3</td>
						<td>010-7732-4454</td>
						<td><a href="#" id="atdBtn">관리</a></td>
						<td><a href="#" id="RevBtn">17:34</a></td>
						<td>PC방 갔다가 늦음</td>
					</tr>
				
				</table>
			</div>
		</div>
		<div id="regiPopup">
			<span id="closeBtnWrapper">
				<span class="b-close">
					<a href="#"><img src="./dev/images/close-icon.png" class="closeBtn"></a>
				</span>
			</span>
			<p id="btnTitle">Registration</p>
				<input type="text" id="regi_name" class="inputBox" placeholder="name: ex)홍길동"/>
				<input type="text" id="regi_birth" class="inputBox" placeholder="birth: ex)960815"/>
				<input type="text" id="regi_school" class="inputBox" placeholder="school: ex)비전중3"/>
				<input type="text" id="regi_telephone" class="inputBox" placeholder="tel: ex)010-7634-2354"/>
				<input type="text" id="regi_email" class="inputBox" placeholder="e-mail:"/>
			
			<div id="regiBtnWrapper"><span id="regi_message">name is required</span><a href="#" id="regiSubmit">Submit</a></div>
		</div>
		<div id="atdPopup">
			<span id="closeAtdBtnWrapper">
				<span class="b-close">
					<a href="#"><img src="./dev/images/close-icon.png" class="closeBtn"></a>
				</span>
			</span>
			<p id="btnAtdTitle">Attendance</p>
				<input type="text" id="name" class="inputBox" value="" readonly />
				<input type="text" id="birth" class="inputBox" value="" readonly />
				<input type="text" id="school" class="inputBox" value="" readonly />
				<input type="text" id="telephone" class="inputBox" value="" readonly />
				<input type="text" id="email" class="inputBox" value="" readonly />
				
				<input type="text" id="atdTime" class="inputBox" value="" />
				<div>
					<input type="radio" name="status" value="0" />출석
					<input type="radio" name="status" value="1" />지각
					<input type="radio" name="status" value="2" />결석
				</div>
				<input type="text" id="detail" class="inputBox" placeholder="|detail..." />
				
			<div id="atdBtnWrapper"><a href="#" id="atdSubmit">Submit</a></div>
		</div>
		
		
		<div id="RevPopup">
			<span id="closeRevBtnWrapper">
				<span class="b-close">
					<a href="#"><img src="./dev/images/close-icon.png" class="closeBtn"></a>
				</span>
			</span>
			<p id="btnRevTitle">Revision</p>
				<input type="text" id="name" class="inputBox" value="" readonly />
				<input type="text" id="birth" class="inputBox" value="" readonly />
				<input type="text" id="school" class="inputBox" value="" readonly />
				<input type="text" id="telephone" class="inputBox" value="" readonly />
				<input type="text" id="email" class="inputBox" value="" readonly />
				
				<input type="text" id="atdTime" class="inputBox" value="" />
				<div>
					<input type="radio" name="status" value="0" />출석
					<input type="radio" name="status" value="1" />지각
					<input type="radio" name="status" value="2" />결석
				</div>
				<input type="text" id="detail" class="inputBox" placeholder="|detail..." />
				
			<div id="RevBtnWrapper"><a href="#" id="RevSubmit">Submit</a></div>
		</div>
		
		
		<div id="footer">
			<p id="copyright">Copyright ⓒ LVA Group3 2014 All right reserved.</p>
		</div>
	</div>
	
</body>
<script src="./dev/js/jquery-1.11.1.min.js"></script>
<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> -->
<script src="./dev/js/jquery.bpopup.js"></script>
<script src="./dev/js/jquery-ui.js"></script>
<script src="./dev/js/list.js"></script>
</html>